/*头部*/

body{background: none !important;}
.shop_tit{display: flex;justify-content: center;align-items: center;width: 100%;height: 38px;background: rgba(0,0,0,0.6);}
.shop_tit p{flex:1;height: 38px; line-height: 38px;color: #fff; text-indent: 1rem;border:1px solid rgba(255, 255, 255, 0.2);border-right:none;border-bottom: none; box-sizing: border-box;}
.shop_tit p:last-child{border-right:1px solid rgba(255, 255, 255, 0.2); }
.header_tit{width: 100%;height: 50px;background: rgba(0, 0, 0, 0.3); margin-bottom: 20px;}
.header_tit button{width: 90px;height: 34px;background: #009688; border: none; color: #fff;cursor: pointer;margin-top: 8px;}
.header_tit .h_left{margin-left: 20px;}
.header_tit .h_right{float: right;margin-right:20px;}
/*end头部*/

/*核心内容*/
.type_shop{width: 100%;}
.type_shop:last-child{border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.type_shop type_list:last-child{border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.type_list,.type_list_s li{display: flex;justify-content: center;align-items: center;width: 100%;height: 45px;background: rgba(0,0,0,0.3);}
.type_list p,.type_list_s li p{flex:1;height: 45px; line-height: 45px;color: #fff; text-indent: 1rem;border-left:1px solid rgba(255, 255, 255, 0.2);border-top:1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;}
.type_list p:last-child{border-right:1px solid rgba(255, 255, 255, 0.2);}
.type_list p .xuan,.type_list_s p .xuan{float: left; display: block;margin: 12px 0 0 8px;width: 20px;height: 20px;background: url(../../backend/image/add_jia_s.png) no-repeat; background-position: 0px -4px;  background-color:#009688; cursor: pointer;}
.type_list p .moren,.type_list_s p .moren{float: left;display: block;margin: 9px 0 0 60px; width: 24px;height: 24px; border:1px solid rgba(255, 255, 255, 0.2);border-radius: 50%; cursor: pointer;}
.type_list p input,.type_list_s p input{float: left; width: 86px;height: 30px; margin: 6px 0 0 16px;text-indent: 0.5rem; border-radius:10px; background: transparent;border: none;color: #fff;}
.type_list p .edi,.type_list p .del,.type_list_s p .edi,.type_list_s p .del{float: left;display: block;margin: 9px 0 0 12px; width: 50px; height: 26px;background:#009688;border-radius:4px;text-align: center;text-indent: 0rem; line-height: 26px;cursor: pointer;}
.add_zhui{background: url(../../backend/image/xuanzhong_s.png) no-repeat 48% 50%;}


.type_list_s{display: none;}
.type_list_s li .sec{text-indent: 5rem;}
.type_list_s p:last-child{border-right:1px solid rgba(255, 255, 255, 0.2);}
.type_list_s p .xuan{background: url(../../backend/image/add_jia_s.png) no-repeat 50%  20%;}
.type_list_s p .moren{margin: 9px 0 0 114px;}
.type_list_s p .edi,.type_list_s p .del{text-indent: 0rem; }


.jiazai{position: fixed;width: 100%; height: 100%;top:0px; display: none;}


/*二级页面*/
.secon{width: 100%;}
.secon .secon_top{width: 100%;height: 40px; background: rgba(0, 0, 0, 0.3); margin-bottom: 20px;}
.secon .secon_top p{float: right;width: 70px; height: 40px;line-height: 40px;text-align: center;cursor: pointer; background:#009688;}
.opt_all{width: 100%;}
.opt_all .opt_list{width: 100%; height: 45px; margin-bottom: 15px;}
.opt_all .opt_list p{float: left;margin-left: 30px; width: 100px; height: 38px; text-align: center; line-height: 38px;}
.opt_all .opt_list .name_s{border: 1px solid rgba(255, 255, 255, 0.2); width: 600px; height: 38px; text-align: left;line-height: 38px; color: #fff;text-indent: 1rem;background: rgba(0, 0, 0, 0.2);}
.opt_all .opt_list .box_s,.opt_all .opt_list .box_s1{margin-left:130px; width: 600px; height: 38px;border:none;background: rgba(0, 0, 0, 0.2);color: #fff;line-height: 40px; text-indent: 1rem;border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer;}
.opt_all .opt_list .yes,.opt_all .opt_list .no{float: left; width: 20px;height: 20px; border-radius: 50%;border: 1px solid #fff;line-height: 45px;color: #fff; margin-top: 12px;}
.bti1{margin-top: 200px;margin-left: 530px; width: 200px; height: 50px; background: #009688;border-radius:5px;text-align: center;line-height: 50px;color: #fff;border: none;cursor: pointer;}
.bti{margin-top: 200px;margin-left: 530px; width: 200px; height: 50px; background: #009688;border-radius:5px;text-align: center;line-height: 50px;color: #fff;border: none;cursor: pointer;}
.jj{float: left;margin: 0 5px; height: 45px; line-height: 38px;}
input:hover{border-color: rgb(122, 194, 248)!important;}
.opt_all .opt_list .box_s:hover{border-color: rgb(122, 194, 248);}
.opt_all .opt_list .box_s1:hover{border-color: rgb(122, 194, 248);}
.drop_down{position: relative;display: none; margin: 0 131px; width: 600px;z-index: 3;}
.drop_down li {width: 600px; height: 40px; text-indent: 1rem;border-bottom: 1px solid #fff; background: rgba(0,0,0,0.6);color: #fff; line-height: 40px; cursor: pointer;}
.drop_down1{position: relative;display: none; margin: 0 131px; width: 600px;z-index: 3;}
.drop_down1 li{width: 600px; height: 40px; text-indent: 1rem;border-bottom: 1px solid #fff; background: rgba(0,0,0,0.6);color: #fff; line-height: 40px; cursor: pointer;}
.haha{position: relative;display: inline-block;overflow: hidden;}
.haha input{position:absolute;right: 0px;top: 0px;opacity: 0; -ms-filter: 'alpha(opacity=0)';font-size: 200px;}
.oimg{float: left; width: 100px; height: 45px; text-align: center;line-height: 45px;color: #fff;background: #009688;}
/*end二级页面*/

    input[type="radio"] + label::before {
        content: "\a0"; /*不换行空格*/
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 1em;
        height: 1em;
        margin-right: .4em;
        border-radius: 50%;
        border: 1px solid #01cd78;
        text-indent: .15em;
        line-height: 1; 
        color: #fff;
    }
    input[type="radio"]:checked + label::before {
        background-color: #01cd78;
        background-clip: content-box;
        padding: .1em;
    }
    input[type="radio"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
    }


/*end核心内容*/




/*商城管理*/
.shop_ment{width: 100%; height: 120px;}
.shop_ment div{width: 200px; padding:0 10px; line-height: 30px; font-size: 15px;background: #009688;}
.shop_ment p{float: left; margin:15px 0 0 20px; font-size: 14px;}
.shop_ment input{margin-left: 5px; width: 150px; height: 34px;color: #fff;text-indent: 1rem; background: rgba(0, 0, 0, 0.2); border-radius: 2px;border: 1px solid rgba(255,255,255,0.2);}
.shopment input:hover{border-color: rgb(122, 194, 248);}
.shop_ment button{float: left; margin:9px 0 0 50px; width: 80px; height: 38px;background: #009688;color: #fff;text-align: center;line-height: 38px;border: none;border-radius:2px;cursor: pointer;}
/*end商城管理*/